import { useDrag } from "react-dnd"

export default function Static ({ children, ...rest }: { children: JSX.Element, [x: string]: unknown }) {

    const [, drag] = useDrag(() => ({
        type: 'static',
        item: rest,
        // end: (item, monitor) => {
        // },
        collect: (monitor) => ({
          isDragging: monitor.isDragging(),
          handlerId: monitor.getHandlerId(),
        }),
      }))

    return <div ref={drag}>{children}</div>
}